<template>
<div id="app">
    <router-view/>
    <header1></header1>
    <header2></header2>
    <header3></header3>
    <SelectLottery></SelectLottery>
    <GameDava></GameDava>
    <Decorate></Decorate>
    <Video1></Video1>
    <Audio1></Audio1>
</div>
</template>
<script>
import header1 from '../views/header/Header1.vue'
import header2 from '../views/header/header2.vue'
import header3 from '../views/header/Header3.vue'
import SelectLottery from '../views/container/SelectLottery'
import GameDava from '../views/contauner2/GameData'
import Decorate from '../views/firstpagedecorate/Decorate'
import Video1 from '../views/Vedio1'
import Audio1 from '../views/Audio1'

export default {
  name: 'App',
    components: {
        header1,
        header2,
        header3,
        SelectLottery,
        GameDava,
        Decorate,
        Video1,
        Audio1
    },
}
</script>
<style>
#app {
  font-family: Microsoft Yahei, Helvetica Neue, Helvetica, Arial, STHeiTi,sans-serif;;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    width: 1400px;
    height: 1000px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -700px;
    margin-top: -370px;
}
#app a.suggest,
#app a.service{
    display: inline-block;
    width: 42px;
    height: 138px;
    background: #e23a3a;
    cursor: pointer;
    color: #f6f6f6;
    position: fixed;
    z-index: 9;

}
#app a.service{
        background: url(../assets/images/service.jpg) no-repeat;
        right: 10px;
        bottom: 200px;
    }
#app a.suggest{
    background: url(../assets/images/suggest.jpg) no-repeat;
    right: 10px;
    bottom: 60px;

}
</style>
